//FancyInput.js
import React, { useRef, useImperativeHandle, forwardRef } from 'react'
function FancyInput(props, ref) {
  const fIRef = useRef()
  // useImperativeHandle可以自定义ref对象current属性的值
  // 第一个参数就是需要被赋值的ref对象
  // 第二个参数是一个回调函数,函数的返回值会自动赋值给ref对象的current
  useImperativeHandle(ref, () => ({
    focus: () => {
        fIRef.current.focus()
    },
  }))
  return <input ref={fIRef} />
}
FancyInput = forwardRef(FancyInput)
export default FancyInput
